<!DOCtype html>
<html ng-app="advertiserApp">
<head>
    <meta charset="utf-8"/>
    <title>账户充值</title>
    <script type="text/javascript" src="/Lvscore_Advertiser_Maven/advertiserWeb/static/vendor/angular/angular.min.js"></script>
    <script type="text/javascript" src="/Lvscore_Advertiser_Maven/advertiserWeb/static/vendor/jquery/dist/jquery.min.js"></script>
    <script type="text/javascript" src="/Lvscore_Advertiser_Maven/advertiserWeb/static/vendor/bootstrap/dist/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/Lvscore_Advertiser_Maven/advertiserWeb/static/js/mainApp.js"></script>
    <script type="text/javascript" src="/Lvscore_Advertiser_Maven/advertiserWeb/controller/advertiserCtrl.js"></script>
    <script type="text/javascript" src="/Lvscore_Advertiser_Maven/advertiserWeb/static/js/main.js"></script>
	<script type="text/javascript" src="/Lvscore_Advertiser_Maven/advertiserWeb/static/js/ajaxupload.js"></script>
    <link rel="stylesheet" href="/Lvscore_Advertiser_Maven/advertiserWeb/static/vendor/bootstrap/dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="/Lvscore_Advertiser_Maven/advertiserWeb/static/vendor/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css"/>
    <link rel="stylesheet" href="/Lvscore_Advertiser_Maven/advertiserWeb/static/styles/layout.css"/>
    <link rel="stylesheet" href="/Lvscore_Advertiser_Maven/advertiserWeb/static/styles/main.css"/>
    <link rel="shortcut icon" href="/Lvscore_Advertiser_Maven/advertiserWeb/static/favicon.ico"/>
    <link rel="bookmark" href="/Lvscore_Advertiser_Maven/advertiserWeb/static/favicon.ico"/>
   <style>
    .container{width:556px;padding-left:90px;}
    .container .bankImgIcon{width:57px;height:20px;display:inline-block;border:2px solid #ccc;margin:0 19px 0 8px;
    background:url("/Lvscore_Advertiser_Maven/advertiserWeb/static/images/bankImg.png") no-repeat;
    background-size:260px 70px;}
	.container .bankImgPos1{background-position:-2px 1px}
	.container .bankImgPos2{background-position:-70px 1px}
	.container .bankImgPos3{background-position:-138px 1px}
	.container .bankImgPos4{background-position:-206px 1px}
	.container .bankImgPos5{background-position:-2px -17px}
	.container .bankImgPos6{background-position:-70px -17px}
	.container .bankImgPos7{background-position:-138px -17px}
	.container .bankImgPos8{background-position:-206px -17px}
	.container .bankImgPos9{background-position:-2px -35px}
	.container .bankImgPos10{background-position:-70px -35px}
	.container .bankImgPos11{background-position:-138px -35px}
	.container .bankImgPos12{background-position:-206px -35px}	
	.container .bankImgPos13{background-position:-2px -54px}
	.container .bankImgPos14{background-position:-70px -54px}
	.container .bankImgPos15{background-position:-138px -54px}
	
    .container .autCode{margin-right:19px;width:124px;}
    .container form .inputBox{width:200px;height:29px;border:1px solid #797979;}
    .container .deviSpan{padding:0 11px;}
    .container .form-group{position:relative;}
    .container .checkPay{width:140px;margin:0px 26px 0 66px;position:relative;}
    .container .checkPay span{position:absolute;width:16px;height:16px;background-color:#199ed8;border:1px solid #a6ddf2;text-align:center;line-height:16px;font-size:8px;top:-9px;right:-9px;}
    .container .cateTitle{position:absolute;width:120px;text-align:right;left:-120px;}
    .container .payBox{padding-top:11px;}
    .container .checkIt{margin-right:11px;}
   </style>
</head>
<body ng-controller="advertiserCtrl">
<!--存放充值金额  -->
<input type="hidden" id="money">
<div class="headerBox"></div>
<div class="nav">
    <ul></ul>
</div>
<div class="content">
    <div class="websiteMapBox">
        <span>当前页面></span>
        <span>账户充值</span>
    </div>
    <div class="itemEditForm">
        <p class="title">
            <span>账户充值</span>
            <a href="javascript:location.href='/Lvscore_Advertiser_Maven/advertiserWeb/views/userCenter/recharge/index.html?'+escape('selectedNav=0&navPos=3')"  class="btn btn-primary right">返回</a>
        </p>
    </div>
    <div class="container">
    	<form action="#" method="post">
    		<fieldset>
    			<div class="form-group bankChoose">
    				<img class="bankImgIcon " id="bankImg"><label id="bankName">中国建设银行</label><span class="deviSpan">|</span><label>储蓄卡</label>
    			</div>	
    			<div class="form-group">
    				<label class="cateTitle">银行卡卡号：</label>
    				<input class="inputBox"  type="text" id="cardName"  placeholder="请填写储蓄卡卡号">
    				<span id="error_card"  style="font-size:12px;color: red;"></span>
    			</div>
    			<div class="form-group">
    				<label class="cateTitle">持卡人姓名：</label>
    				<label>杨*</label>
    			</div>
    			<div class="form-group">
    				<label class="cateTitle">身份证号码：</label>
    				<label>130108198706234616</label>
    			</div>
    			<div class="form-group">
    				<label class="cateTitle">银行预留手机：</label>
    				<input class="inputBox" type="text" id="bankPhone" placeholder="请填写办卡时预留的手机">
    				<span id="error_phone"  style="font-size:12px;color: red;"></span>
    			</div>
    			<div class="form-group">
    				<label class="cateTitle">短信验证码：</label>
    				<button type="button" id="sendCode" class="btn btn-primary autCode">免费获取验证码</button>
    				<input class="inputBox" type="text" id="phoneCode" placeholder="请输入短信验证码">
    				<span id="error_code"  style="font-size:12px;color: red;"></span>
    			</div>
    			<div class="form-group">
    				<label><input type="checkbox" class="checkIt">下次支付金额小于等于600元不验证短信</label>
    			</div>
    			<div class="form-group payBox">
    				 <a  id="submit"  class="btn btn-info checkPay" disabled="disable">确认付款</a>
    				<label><input type="checkbox" id="checkbox" class="checkIt">同意快捷支付服务协议</label>
    				<span id="error_agreement"  style="font-size:12px;color: red;"></span>
    			</div>
    		</fieldset>
    	</form>
    
    </div>
</div>
 <script type="text/javascript" src="/Lvscore_Advertiser_Maven/advertiserWeb/controller/userCenter/recharge/accountRecharge.js"></script>
</body>
</html>

